	<link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/application/admin/materials/materials.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Admin &rarr; <span>Materials</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>
			
			<!-- Materials -->
			<div id="form_filters" class="leading clearfix">
			
				<!-- Search Filter -->
				<div class="column width2 first">
					<div class="content-box corners">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Search </h3>
							<span class="right-buttons">
								<img src="<?= $this->config->item('webroot') ?>images/ajax_loader_gray.gif" class="hidden loader" width="24" height="24" alt="" />
							</span> 
						</header>
						<section>
							

							<input type="text" id="field_query" class="full title" value="" />
							<table class="no-style full">
							    <tbody>
								<tr>
								    <td>
									<select>
										<option>All Categories</option>
										<option>Abrasives</option>
										<option>Cleaning</option>
										<option>Electrical</option>
										<option>Hardware</option>
										<option>Office Equipment</option>
										<option>Power Tools</option>
									</select></td>
								</tr>
								<tr>
								    <td>
									<select>
										<option></option>
										<option>Breakroom Supplies</option>
										<option>Office Supplies</option>
										<option>Technology</option>
									</select>
								    </td>
								</tr>
								<tr>
								    <td>
									    <select>
										<option></option>
										<option>Binding Machines</option>
										<option>Calculators</option>
										<option>Computer Cable Adapters</option>
										<option>Computer Screen Filters</option>
										<option>Overhead Projectors</option>
										<option>Paper Shredders</option>
										<option>Printer Ribbons</option>
										<option>Scanners</option>
										<option>Time Cards</option>
										<option>Time Clocks</option>
									</select>
								    </td>
								</tr>
							    </tbody>
							</table>

						</section>
					</div>
				</div>
				<!-- End of Search Filters -->
				
				<!-- Materials Table -->
				<div id="report" class="column width6">
					<div class="content-box corners">


						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" /><span class="title">Materials</span></h3>

						</header>

						<section>
							<a id="link_new_material" href="#popup_new_material" class="btn nyroModal new-entry align-right"><span class="icon icon-add">&nbsp;</span>New Material</a>
							<br />
							<div id="entry_list" class="dataTables_wrapper">

								<div class="inner-width6 first">
									<table class="display stylized full">
										<thead>
											<th class="action-column">&nbsp;</th>
											<th>Material</th>
											<th>Categories</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
										</thead>
										<tbody>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Protectant Spray</td>
												<td>Cleaning</td>
												<td>Chemicals</td>
												<td>Automotive Cleaners and Protectants</td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Disc Pad</td>
												<td>Abrasives</td>
												<td>Abrasive Accessories</td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Paper Clip</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Clips and Clamps</td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Spindle Adapter</td>
												<td>Plumbing</td>
												<td>Bathroom Hardware</td>
												<td>Toilet Roll Spindlers</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Access Door</td>
												<td>Plumbing</td>
												<td>Bathroom Hardware</td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Letter Tray</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Desktop Organizers</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Folder Tray</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Desktop Organizers</td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>File Holder</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Desktop Organizers</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Pocket Notebook</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Notebooks</td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Writing Pad</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Notebooks</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_material" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td>Stenographer Notebook</td>
												<td>Office Equipment</td>
												<td>Office Supplies</td>
												<td>Notebooks</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>&nbsp;</th>
												<th>Material</th>
												<th>Categories</th>
												<th>&nbsp;</th>
												<th>&nbsp;</th>
											</tr>
										</tfoot>
									</table>
								</div>
								<!-- End of Report table - Leaves -->


							</div>

						</section>

					</div>
				</div>
				<!-- End of Report Result -->
				
			</div>
			<!-- End of Reports -->
			
		 </div>
		 <!-- End of Wrapper -->
		
	</div>
	<!-- End of Page content -->

	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/admin/materials/materials.js"></script>